<template>
    <div style="background: #7395ff; width: 100vw; height: 100vh">
        <div class="nfsystem">
            <img src="/#{static}/images/404.png" />
            <div class="nftitle">
                <h2>页面走丢了...</h2>
                <h4>远方的朋友你好！非常抱歉，您所请求的页面不存在！</h4>
                <h4>请仔细检查您输入的网址是否正确。</h4>
                <el-button type="warning" @click="toPath('/')" style="width: 220px">返回主页</el-button>
                <el-button type="info" @click="toPath('/login')" style="width: 220px">去登录</el-button>
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">
import System from '../../utils/System'
const toPath = (_url:string) => {
    System.router.replace(_url)
}
</script>

<style scoped>
.nfsystem {
    width: 1100px;
    margin: 0 auto;
    text-align: center;
    padding-top: 140px;
}
.nfsystem img {
    text-align: center;
    width: 500px;
    border: 0;
    vertical-align: middle;
}
.nftitle h2 {
    color: #fff;
    font-size: 36px;
    letter-spacing: 4px;
    text-align: center;
    line-height: 120px;
}
.nftitle h4 {
    color: #fff;
    font-size: 18px;
    /* font-weight: bold; */
    line-height: 38px;
    text-align: center;
}
</style>
